$(function() {

	//自定义title样式

	var newtitle = '';
	$('.imgNavUl li').mouseover(function(e) {
		newtitle = this.title;
		this.title = '';

		$('.titleCard').show().html(newtitle);

	}).mouseout(function() {
		this.title = newtitle;
		$('.titleCard').hide();
	})

	// 移动端
	$(".imgNavUl li").on({
		click: function(e) {
			e.preventDefault();
			$('.imgNavUl li').removeClass("addLiStyle");
			// console.log($(this).find("p").text())
			$(this).addClass("addLiStyle addLiVisited")
			$('.imgNavUl li p span').removeClass("scroll-text");
			$(this).find("span").addClass("scroll-text")


			clearnSprite()
			let index = $(this).index();
			initModels(index);
			console.log(index);
		},

		touchend: function(e) {

			e.preventDefault();
			$('#mytitle').remove();

			$('.imgNavUl li').removeClass("addLiStyle");
			$(this).addClass("addLiStyle addLiVisited")
			$('.imgNavUl li p span').removeClass("scroll-text");
			$(this).find("span").addClass("scroll-text")


			clearnSprite()
			let index = $(this).index();
			initModels(index);
			return false;
		}
	});

	//关闭重点展位弹窗
	$(".closeMianSceneBtn").click(function() {
		$(".mianSceneContentWrap").hide();
		sound.stop();
	})

	//全屏
	$('.icon-quanping').click(function(e) {
		var de = document.documentElement;
		if (de.requestFullscreen) {
			de.requestFullscreen();
		} else if (de.msRequestFullscreen) {
			de.msRequestFullscreen();
		} else if (de.webkitRequestFullScreen) {
			de.webkitRequestFullScreen();
		} else if (de.mozRequestFullScreen) {
			de.mozRequestFullScreen();
		} else {
			wtx.info("当前浏览器不支持全屏！");
		}

	})

	//清屏
	$('.icon-qingping').click(function(e) {
		$(".mainMenu").hide();
		$(".rightCtrlWrapper").hide();
		$(".imgNavWrapper").hide();
		$(".ctrlWrap").hide();

		$(".showAllCtrl").show();
		// $(".showAllCtrl i").css("display","block");
	})

	//音乐控制
	$('.rightCtrlWrapper i:nth-child(2)').click(function(e) {
		$(this).toggleClass("icon-yinle1");
		$(this).toggleClass("icon-jingyin");
		// $("#objAudio")[0].pause();
		let myVid = $("#objAudio")[0];
		//防止冒泡  //event.stopPropagation();       
		if (myVid.paused) //如果当前是暂停状态 
		{
			myVid.play(); //播放            
			return;
		} else {
			//当前是播放状态  $('.musicbtn').text("点击播放音乐");
			myVid.pause(); //暂停 
		}

	})

	//退出清屏
	$('.showAllCtrl').click(function(e) {
		$(".rightCtrlWrapper").show();
		$(".imgNavWrapper").show();
		$(".mainMenu").show();
		$(".ctrlWrap").show();
		$(this).hide();
	})

	//场景选择
	$(".mainMenu i").click(function() {

		$(".imgNavWrapper").slideToggle("slow");
	});

	//弹出分享
	$(".icon-weixin").click(function() {

		$(".shareWrapper").show();
	});
	//关闭分享二维码窗口
	$(".closeShareBtn").click(function() {

		$(".shareWrapper").hide();
	});


	//弹出简介
	$(".icon-qiyejianjie").click(function() {

		$(".introductionWrap").show();
	});

	//关闭简介窗口
	$(".closeIntroductionBtn").click(function() {

		$(".introductionWrap").hide();
	});


	//滑动
	// var nav = $("#scroller");
	var nav = document.getElementById("nav");
	var flag; // 鼠标按下
	var downX; // 鼠标点击的x下标
	var scrollLeft; // 当前元素滚动条的偏移量


	$("#nav").mousedown(function(event) {
		event.preventDefault();
		flag = true;
		downX = event.clientX; // 获取到点击的x下标
		scrollLeft = this.scrollLeft; // 获取当前元素滚动条的偏移量
	}).mousemove(function(event) {
		event.preventDefault();
		if (flag) {
			// 判断是否是鼠标按下滚动元素区域
			// 获取移动的x轴
			var moveX = event.clientX;
			// 当前移动的x轴下标减去刚点击下去的x轴下标得到鼠标滑动距离
			var scrollX = moveX - downX;
			// 鼠标按下的滚动条偏移量减去当前鼠标的滑动距离
			this.scrollLeft = scrollLeft - scrollX;
		}
	}).mouseup(function() {
		flag = false;
	}).mouseleave(function(event) {
		event.preventDefault();
		flag = false;
	});



});
